import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import loading from './plugins/Loading'
// import axios from 'axios'
// import './assets/js/setRem'
import 'lib-flexible'
import './assets/iconfonts/iconfont.css'
import './assets/css/base.css'
import { Tabbar, TabbarItem, Icon, Swipe, SwipeItem, Grid, GridItem, PullRefresh, Col, Row, Stepper, GoodsAction, GoodsActionIcon, GoodsActionButton, Popup, Card, Tag, Button, Cell, CellGroup, SubmitBar, SwipeCell, Checkbox, CheckboxGroup, Dialog, Empty, Form, Field, NavBar, AddressList, Toast, AddressEdit, ContactCard, ContactList, ContactEdit, Search, Lazyload, Divider } from 'vant'

Vue.use(Tabbar)
Vue.use(loading)
Vue.use(TabbarItem)
  .use(Icon)
  .use(Swipe)
  .use(SwipeItem)
  .use(Grid)
  .use(GridItem)
  .use(PullRefresh)
  .use(Col)
  .use(Row)
  .use(Stepper)
  .use(GoodsAction)
  .use(GoodsActionIcon)
  .use(GoodsActionButton)
  .use(Popup)
  .use(Card)
  .use(Tag)
  .use(Button)
  .use(Cell)
  .use(CellGroup)
  .use(SubmitBar)
  .use(SwipeCell)
  .use(Checkbox)
  .use(CheckboxGroup)
  .use(Dialog)
  .use(Empty)
  .use(Form)
  .use(Field)
  .use(NavBar)
  .use(AddressList)
  .use(Toast)
  .use(AddressEdit)
  .use(ContactCard)
  .use(ContactList)
  .use(ContactEdit)
  .use(Search)
  .use(Divider)

const load = require('./assets/img/timg.gif')
Vue.use(Lazyload, {
  loading: load,
  preload: '100%'
})

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
